import axios from "axios";
import { ref } from "vue";
//hooks就是模块化的函数，可以将一些公共的逻辑抽离出来，方便复用，提高代码的可维护性。
//将所属的模块化分类，避免直接写入vue，里面导致过多的耦合。
//使用一个方法，里面包含了对数据的获取，处理，返回等功能。
export default function () {
  let dogList = ref<string[]>([]);
  async function getDogList() {
    const response = await axios.get(
      "https://dog.ceo/api/breeds/image/random/5"
    );
    dogList.value = response.data.message;
    return dogList;
  }
  return { dogList, getDogList };
}
